依赖注入

Provide (提供)

要为组件后代提供数据，需要使用到 provide() 函数

<script setup>
import { ref, provide } from "vue";

const count = ref(0);

provide("key", count);
</script>

Inject (注入)​

要注入上层组件提供的数据，需使用 inject() 函数

<script setup>
import { inject } from "vue";

const value = inject("key", "这是默认值");
</script>